<template>
 <div>
  <!-- 动态class:动态设置类名
       语法:
       :class="{类名:布尔值}"  动态判断是否要应用对应的类名
       :class="['类名1','类名2'...]" -->
  <p :class="{yellow:age>=18}">我是一个开心的p</p>
  <p :class="arr">我是一个开心的p</p>

  <ul>
    <li :style="{fontSize:size+'px'}">我是一个可爱的li</li>
  </ul>
 </div>
</template>
<script>
export default {
 data() {
 return {
  age:18,
  arr:['yellow','red','green']
 }
 },
 methods:{
 },
}
</script>
<style>
.yellow{
  color: yellow;
}

</style>

</style>
